Node / ReticulumProjects / MeshChatX.git / files / tests / frontend / Interface.test.js

Displaying Raw • Download

Tff7b72import Tb4b4b4{ Te6edf3mount Tb4b4b4} Tff7b72from Ta5d6ff"@vue/test-utils"Tb4b4b4;

Tff7b72import Tb4b4b4{ Te6edf3describeTb4b4b4, Te6edf3itTb4b4b4, Te6edf3expectTb4b4b4, Te6edf3viTb4b4b4, Te6edf3beforeEach Tb4b4b4} Tff7b72from Ta5d6ff"vitest"Tb4b4b4;

Tff7b72import Te6edf3Interface Tff7b72from Ta5d6ff"../../meshchatx/src/frontend/components/interfaces/Interface.vue"Tb4b4b4;

Te6edf3viTb4b4b4.Te6edf3mockTb4b4b4(Ta5d6ff"../../meshchatx/src/frontend/js/DialogUtils"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{

Tff7b72defaultTff7b72: Tb4b4b4{ Te6edf3alertTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4) Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3defaultIface Tff7b72= Tb4b4b4{

Te6edf3_nameTff7b72: Ta5d6ff"Default Interface"Tb4b4b4,

Te6edf3typeTff7b72: Ta5d6ff"AutoInterface"Tb4b4b4,

Te6edf3enabledTff7b72: Tff7b72trueTb4b4b4,

Te6edf3discoverableTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4;

Tff7b72function Te6edf3mountInterfaceTb4b4b4(Te6edf3props Tff7b72= Tb4b4b4{Tb4b4b4}Tb4b4b4, Te6edf3options Tff7b72= Tb4b4b4{Tb4b4b4}Tb4b4b4) Tb4b4b4{

Tff7b72return Te6edf3mountTb4b4b4(Te6edf3InterfaceTb4b4b4, Tb4b4b4{

Te6edf3propsTff7b72: Tb4b4b4{ Te6edf3ifaceTff7b72: Tb4b4b4{ Tb4b4b4...Te6edf3defaultIfaceTb4b4b4, Tb4b4b4...Te6edf3props Tb4b4b4}Tb4b4b4, Te6edf3isReticulumRunningTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,

Tffa657globalTff7b72: Tb4b4b4{

Te6edf3mocksTff7b72: Tb4b4b4{ Te6edf3$tTff7b72: Tb4b4b4(Te6edf3keyTb4b4b4) Tb4b4b4=> Te6edf3key Tb4b4b4}Tb4b4b4,

Te6edf3stubsTff7b72: Tb4b4b4[Ta5d6ff"MaterialDesignIcon"Tb4b4b4, Ta5d6ff"IconButton"Tb4b4b4, Ta5d6ff"DropDownMenu"Tb4b4b4, Ta5d6ff"DropDownMenuItem"Tb4b4b4]Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4...Te6edf3optionsTb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Te6edf3describeTb4b4b4(Ta5d6ff"Interface.vue"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Te6edf3beforeEachTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Te6edf3viTb4b4b4.Te6edf3clearAllMocksTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"renders interface name and type"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountInterfaceTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"Default Interface"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"AutoInterface"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"emits disable when Disable button is clicked"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountInterfaceTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3disableBtn Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff'button[title="interface.disable"]'Tb4b4b4)Tb4b4b4;

Tff7b72await Te6edf3disableBtnTb4b4b4.Te6edf3triggerTb4b4b4(Ta5d6ff"click"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3emittedTb4b4b4(Ta5d6ff"disable"Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toHaveLengthTb4b4b4(T79c0ff1Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"emits enable when Enable button is clicked for disabled interface"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountInterfaceTb4b4b4(Tb4b4b4{ Te6edf3enabledTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3enableBtn Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff'button[title="interface.enable"]'Tb4b4b4)Tb4b4b4;

Tff7b72await Te6edf3enableBtnTb4b4b4.Te6edf3triggerTb4b4b4(Ta5d6ff"click"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3emittedTb4b4b4(Ta5d6ff"enable"Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toHaveLengthTb4b4b4(T79c0ff1Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"has overflow containment classes on card and content"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountInterfaceTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3card Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".interface-card"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3cardTb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"min-w-0"Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3contentArea Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".min-w-0.overflow-hidden"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3contentAreaTb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"has break-words on description for long host:port"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountInterfaceTb4b4b4(Tb4b4b4{

Te6edf3_nameTff7b72: Ta5d6ff"RNS Testnet Amsterdam"Tb4b4b4,

Te6edf3typeTff7b72: Ta5d6ff"TCPClientInterface"Tb4b4b4,

Te6edf3target_hostTff7b72: Ta5d6ff"amsterdam.connect.reticulum.network"Tb4b4b4,

Te6edf3target_portTff7b72: T79c0ff4965Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3desc Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".text-sm.text-gray-600"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3descTb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"break-words"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3descTb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"min-w-0"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"has responsive layout classes for stacking on small screens"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountInterfaceTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3outer Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".flex.flex-col.sm\\:flex-row"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3outerTb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"renders without overflow when given very long name and description"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3longName Tff7b72= Ta5d6ff"A"Tb4b4b4.Te6edf3repeatTb4b4b4(T79c0ff120Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountInterfaceTb4b4b4(Tb4b4b4{

Te6edf3_nameTff7b72: Te6edf3longNameTb4b4b4,

Te6edf3typeTff7b72: Ta5d6ff"TCPClientInterface"Tb4b4b4,

Te6edf3target_hostTff7b72: Ta5d6ff"very-long-hostname-that-could-overflow-on-mobile.example.reticulum.network"Tb4b4b4,

Te6edf3target_portTff7b72: T79c0ff4242Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3card Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".interface-card"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3cardTb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3contentWrapper Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".flex-1.min-w-0.space-y-2"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3contentWrapperTb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3nameEl Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".truncate.min-w-0"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3nameElTb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"action buttons and dropdown have shrink-0 to prevent squashing"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountInterfaceTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3actionsCol Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".absolute.top-2.right-2.z-20.flex.flex-row.items-center.gap-1.sm\\:static"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3actionsColTb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"sm:shrink-0"Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3btn Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff'button[title="interface.disable"]'Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3btnTb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"shrink-0"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"detail-value has break-all for long addresses"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountInterfaceTb4b4b4(Tb4b4b4{

Te6edf3_nameTff7b72: Ta5d6ff"UDP Test"Tb4b4b4,

Te6edf3typeTff7b72: Ta5d6ff"UDPInterface"Tb4b4b4,

Te6edf3listen_ipTff7b72: Ta5d6ff"0.0.0.0"Tb4b4b4,

Te6edf3listen_portTff7b72: T79c0ff4242Tb4b4b4,

Te6edf3forward_ipTff7b72: Ta5d6ff"192.168.1.100"Tb4b4b4,

Te6edf3forward_portTff7b72: T79c0ff4242Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3detailValues Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findAllTb4b4b4(Ta5d6ff".detail-value"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3detailValuesTb4b4b4.Te6edf3lengthTb4b4b4)Tb4b4b4.Te6edf3toBeGreaterThanTb4b4b4(T79c0ff0Tb4b4b4)Tb4b4b4;

Te6edf3detailValuesTb4b4b4.Te6edf3forEachTb4b4b4(Tb4b4b4(Te6edf3elTb4b4b4) Tb4b4b4=> Tb4b4b4{

Te6edf3expectTb4b4b4(Te6edf3elTb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"break-all"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3elTb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"min-w-0"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3describeTb4b4b4(Ta5d6ff"Interface.vue overflow at different viewports"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Te6edf3itTb4b4b4(Ta5d6ff"card has min-w-0 so it can shrink in grid"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountInterfaceTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".interface-card"Tb4b4b4)Tb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"min-w-0"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"icon and chips have shrink-0 so they do not collapse"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountInterfaceTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".interface-card__icon"Tb4b4b4)Tb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"shrink-0"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".type-chip"Tb4b4b4)Tb4b4b4.Te6edf3classesTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"shrink-0"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;